<template>
  <el-container>
    <div style="width: 500px;height: auto; margin: 100px auto;text-align: center;">
      <img :src="info.image" width="400px" style="border-radius: 10px;" >
      <h1>{{info.name}}</h1>
      <h4>{{info.desc}}</h4>
      <h3>管理后台</h3>
    </div>
  </el-container>
</template>

<script>

import {get} from "@/api/info";

export default {
  name: "Dashboard",
  data () {
    return {
      info: {
        name: '',
        desc: ''
      }
    }
  },
  methods: {
    get () {
      get(null).then( res => {
        this.info = res.data
      }).catch( err => console.log(err))
    }
  },
  created() {
    this.get()
  }
}
</script>

<style scoped>

</style>
